<extend name="en_us:Public:base" />
<block name="title">
    <title>QRInn - Synchronization center</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=65393a524028c7e3b76e961a08059c7d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/HotelPage/setting.css?rev=6f0420ddcc8614db7348010f79a4b38d">
	<link rel="stylesheet" type="text/css" href="/Public/dist/Home/SynPage/index.css?rev=1f2420ddcc8614db7331010f79a4b38d">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="en_us:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="en_us:Public:Include_setting_side" doc-side-syn="active" />
            <div id="doc-center">	
                <!--内容填写-->
				<div class="content-panel" style="overflow:hidden"  id="community-container">
					<div class="content-panel-header">
                        <div class="content-panel-title">An imported cluste(certified hotel class and apartment class)
                        </div>
						<div class="content-panel-operation">
							
                            <div class="closeBtn" id="back-syn-btn"><span class="glyphicon glyphicon-remove"></span></div>
                        </div>
                    </div>
                    <div class="content-panel-body">

                        <empty name="community">
                            <div class="content-panel-empty vertical-middle-block sm-height typo-body-1">
                                <div class="vertical-middle-block-cell"><a href="http://qrm.uclbrt.com">Click to confirm the community.</a></div>
                            </div>
                            <else />
                            <div class="content-panel-help">Type and price importing</div>

                            <table class="table content-panel-table">
                                <thead>
                                <tr>
                                    <th>Community name</th>
                                    <th>Hotel name</th>
                                    <th>Operating</th>
                                </tr>
                                </thead>
                                <tbody id="roomTypeList">
                                <volist name="community" id="vo">
                                    <empty name="vo.hotelentity_id">
                                        <tr>
                                            <td>{$vo.name}</td>
                                            <td><span style="color:red">(This community haven't sync)</span></td>
                                            <td class="col-xs-3">
                                                <div class="btn-link btn-createHotel" data-json='{$vo.hotelJson}' data-toggle="modal" data-target="#addHotelModal">Create hotel</div>
                                            </td>
                                        </tr>
                                    <else />
                                        <tr>
                                            <td>{$vo.name}</td>
                                            <td>{$vo.hotelentity_name}</td>
                                            <td class="col-xs-3">
                                                <div class="btn-link btn-continueSyn" data-value="hotel={$vo.hotelentity_id}&hotelSynId={$vo.hotelsyn_id}">keep syn</div>
                                            </td>
                                        </tr>
                                    </empty>
                                </volist>
                                </tbody>
                            </table>
                        </empty>
                        <empty name="applyHotel">
                            <div class="content-panel-empty vertical-middle-block sm-height typo-body-1">
                                <div class="vertical-middle-block-cell"></div>
                            </div>
                            <else />
                            <div class="content-panel-help">Inn already applied</div>

                            <table class="table content-panel-table">
                                <thead>
                                <tr>
                                    <th>Hotel name</th>
                                    <th>Application status</th>
                                </tr>
                                </thead>
                                <tbody id="roomTypeList">
                                <volist name="applyHotel" id="vo">
                                    <tr>
                                        <td>{$vo.hotelname}</td>
                                        <td>
                                            <if condition= "$vo.status eq 0">
                                                Pending review
                                            <else />
                                                Rejected
                                            </if>
                                        </td>
                                    </tr>
                                </volist>
                                </tbody>
                            </table>
                        </empty>
                        <div class="content-panel-help">
                            <a href="http://qrm.uclbrt.com">Please contact your customer service if you are not a hotel class or an apartment.</a>
                        </div>
                    </div>

					<!--<div style="margin-left:300px;">


						<volist name="community" id="vo">
							<empty name="vo.hotelentity_id">
							<div class="row vertical-margin">
								<div class="col-xs-2 text-right communityItem">{$vo.name}</div>
								<button id="" class="btn-sm btn-primary btn-raised btn-createHotel" data-json='{$vo.hotelJson}' data-toggle="modal" data-target="#addHotelModal">Create hotel</button>
							</div>
							<else />
							<div class="row vertical-margin">
								<div class="col-xs-2 text-right communityItem">{$vo.name}</div>
								<div class="col-xs-1 text-right communityItem"></span><span class="glyphicon glyphicon-arrow-right"></span></div>
								<div class="col-xs-2 text-right communityItem">{$vo.hotelentity_name}</div>
								<button data-value="hotel={$vo.hotelentity_id}&hotelSynId={$vo.hotelsyn_id}" class="btn-sm btn-primary btn-raised btn-continueSyn">keep syn</button>
							</div>
							</empty>
						</volist>
					</div>-->
				</div>			
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
	<!--Add hotel的模态框-->
    <div class="modal fade" data-backdrop="static" id="addHotelModal">
        <div class="modal-dialog sm-width">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">Add hotel<small style="color: red">( Be careful,it will create a new hotel.)</small></div>
                </div>
                <div class="modal-body">
                    <form id='' class="form-horizontal form-sm">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Hotel name:</label>
							<input type="hidden" class="form-control" id="communityNo" value="" />
							<input type="hidden" class="form-control" id="masterentityId" value="" />
                            <div class="col-xs-5">
                                <input type="text" class="form-control" id="hotelName" autocomplete="off" placeholder="Please enter the name of the hotel" value="" />
                            </div>
                            <div class="col-xs-4">
                                <div class="help-block"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Hotel time zone:</label>
                            <div class="col-xs-9">
                                <select class="form-control" id="addRequestUniversalTime">
                                    <volist name="universalTimeList" id="universalTime">
                                        <option value="{$universalTime.universalTimeId}"  data-areacode="{$universalTime.areaCode}">({$universalTime.universalTimeUtc}){$universalTime.universalTimeName}</option>
                                    </volist>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Currency:</label>
                            <div class="col-xs-9">
                                <select class="form-control" disabled="disabled" data-default="{$currencyDefaultInfo['id']}" id="addRequestMultiCurrency">
                                    <volist name="currencyInfo" id="currency">
                                        <option value="{$currency.id}">({$currency.standsymbol}) {$currency.name}/{$currency.usname} . {$currency.symbol}</option>
                                    </volist>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">City:</label>
                            <div class="col-xs-8 cityContainer" id="cityContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-xs-3 control-label">Province:</label>
                            <div class="col-xs-8 districtContainer" id="districtContainer">
                                <div class="tag-selected-container">
                                </div>
                                <div class="tag-avaliable-container">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <small style="color: red;"> (The staff will be reviewed as soon as possible)</small>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitAddHotel">OK</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	
	<notempty name="Think.cookie.newAccount">
	<div class="modal fade" id="shiyongModel">
		<div class="modal-dialog modal-confirm" role="document">
			<div class="modal-content" style="margin-top:150px;">
				<div class="modal-header">
					<button type="button" class="btn close" data-dismiss="modal"><span>&times;</span></button>
					<h4 class="modal-title">Sync guide</h4>
				</div>
				<div class="modal-body" style="font-size:14px;"> Creating a new acount for you<br />Account is the same as qrmaster<br />Start?<span class="text-accent">Sync</span></div>
				<div class="modal-footer">
					<button type="button" class="btn ulite-js-ripple-effect ulite-js-btn btn-raised" id="cancelSyn" data-dismiss="modal">Cancel</button>
					<button type="button" class="btn-primary ulite-js-ripple-effect ulite-js-btn btn-raised" id="startSyn" data-dismiss="modal">OK</button>
				</div>
			</div>
		</div>
	</div>
	</notempty>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=b068a314e7294938880462ae75484c50d"></script>
    <script type="text/javascript" src="/Public/dist/Home/SynPage/index.js?rev=ff4d3be94f6895fc7a4112a10fd275ecd"></script>
    <script type="text/javascript" src="/Public/uclbrt/ulite/city/citylist_en_us.min.js?rev=eb037c4769250fbfbd6d87f2b5ba2e15d"></script>
</block>
